<!DOCTYPE html>
<html lang="ch" class="wf-sofiapro-n7-active wf-sofiapro-i7-active wf-sofiapro-n3-active wf-sofiapro-i3-active wf-active  wf-inactive">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <title>智慧农场</title>
    <meta name="robots" content="index,follow">
    <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../addons/kundian_farm/template/webapp/style/css/styles.css">
    <noscript>
        &lt;link rel="stylesheet" href="./css/icons.css"&gt;
        &lt;link rel="stylesheet" href="./css/noscript.css"&gt;
    </noscript>
    <link rel="stylesheet" href="../addons/kundian_farm/template/webapp/style/css/icons.css">
    <link rel="stylesheet" href="../addons/kundian_farm/template/webapp/style/css/main.css">
    <link rel="stylesheet" href="../addons/kundian_farm/template/webapp/style/css/iconnew.css">
    <link rel="stylesheet" href="../addons/kundian_farm/template/webapp/style/css/component.css"/>
    <link rel="stylesheet" href="../addons/kundian_farm/template/webapp/style/css/icons.css">
    <link rel="stylesheet" type="text/css" href="../addons/kundian_farm/template/webapp/style/css/main(1).css">
    <style>
        body{margin:0;text-align: center;}
        video{max-width: 1200px;width: 100%;}
    </style>
    <script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>
</head>

<body class="home blog" data-root="/" style="visibility: visible;font-family:&#39;微软雅黑&#39;">

    <div id="barba-wrapper" aria-live="polite">

        <div class="barba-container">
            <div id="page" style="opacity: 1;">
                <!-- 头部导航 -->
                <header id="header" class="headroom headroom--not-bottom headroom--pinned headroom--top">
                    <div class="header--bg">
                        <div class="row">
                            <div class="col" id="header--logo">
                                <h1 id="logo">
                                    <a href="#">
                                        <img src="../addons/kundian_farm/template/webapp/style/images/icon/logo.png" alt="智慧农场">
                                    </a>
                                </h1>
                            </div>
                            <div class="col">
                                <nav id="gnav" class="hidden-md-down">
                                    <ul>
                                        <li>
                                            <a href="#concept">
                                                <span>品牌</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#cai">
                                                <span>租地种植</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#shi">
                                                <span>监控直播</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#service">
                                                <span>农场商城</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#flow">
                                                <span>畜牧领养</span>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="#contact">
                                                <span>关于我们</span>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </header>


                <!-- 主体部分 -->
                <main id="index">
                    <!-- 轮播模块 -->
                    <div id="hero-image">
                        <div id="hero-slider" class="swiper-container swiper-container-horizontal swiper-container-fade">
                            <div class="swiper-wrapper" style="transition-duration: 0ms;">
                                <!--<div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" id="slide03" data-swiper-slide-index="2" style="background-image: url({$slideData[0]['slide_src']});width: 1545px; transform: translate3d(0px, 0px, 0px); opacity: 1; transition-duration: 0ms;"></div>-->
                                {loop $slideData $key $item}
                                <div class="swiper-slide swiper-slide-duplicate-next" id="slide01" data-swiper-slide-index="0" style="background-image: url({$item['slide_src']});width: 1545px; transform: translate3d(-1545px, 0px, 0px); opacity: 1; transition-duration: 0ms;"></div>
                                <!--<div class="swiper-slide swiper-slide-prev" id="slide02" data-swiper-slide-index="1" style="background-image: url({$item['slide_src']});width: 1545px; transform: translate3d(-3090px, 0px, 0px); opacity: 1; transition-duration: 0ms;"></div>-->
                                <!--<div class="swiper-slide swiper-slide-active" id="slide03" data-swiper-slide-index="2" style="background-image: url({$item['slide_src']});width: 1545px; transform: translate3d(-4635px, 0px, 0px); opacity: 1; transition-duration: 0ms;"></div>-->
                                {/loop}
                                <!--<div class="swiper-slide swiper-slide-duplicate swiper-slide-next" id="slide01" data-swiper-slide-index="0" style="background-image: url({$slideData[0]['slide_src']});width: 1545px; transform: translate3d(-6180px, 0px, 0px); opacity: 0; transition-duration: 0ms;"></div>-->
                            </div>
                            <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                                <span class="swiper-pagination-bullet"></span>
                                <span class="swiper-pagination-bullet"></span>
                                <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                            </div>
                        </div>
                        <div class="container">
                            <h2></h2>
                        </div>
                    </div>
                    <!-- concept-->
                    <section id="concept-section">
                        <div class="concept-wrapper" id="concept" data-scroll-id="concept" tabindex="-1" style="outline: none;">
                            <div class="container">
                                <div class="row">
                                    <div class="concept-wrap col-xl-10 col-lg-9 col-12">
                                        <div class="bg-white">
                                            <div class="concept-inner text-justify">
                                                <h3 class="concept-title mb60 scrt-to-left visible" data-scroll="">{$list['brand_name']}</h3>

                                                <h5 class="mb10 scrt-to-left visible" data-scroll="">{$list['brand_detail']}</h5>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div id="bg-concept" class=" lazyloaded"></div>
                        </div>
                    </section>
                    <!-- 我要种菜-->
                    <section id="cai" class="bg-gray" data-scroll-id="cai" tabindex="-1" style="outline: none;">
                        <div id="cai-bg" class=" lazyloaded"></div>
                        <div class="row">
                            <div class="col-lg-6 offset-lg-6">
                                <div class="content-inner">
                                    <div class="plant md-trigger" data-modal="modal-2">
                                        <div>点</div>
                                        <div>击</div>
                                        <div>种</div>
                                        <div>植</div>
                                    </div>
                                    <h3 class="text-center cai-heading scrt-fade visible" data-scroll="">我要种菜</h3>
                                    <ol class="cai-list">
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="cai-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/f-icon01.png" alt="cai-icon01">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">选一块菜地（10㎡）或菜园（30㎡）</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="cai-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/f-icon02.png" alt="cai-icon02">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">选择喜欢的蔬菜
                                                <br>由农场安排工人种植</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="cai-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/f-icon03.png" alt="cai-icon03">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">浇水、除草、施肥
                                                <br>农民伯伯会全程精心照料您的菜地</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="cai-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/f-icon04.png" alt="cai-icon04">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">24小时视频监控
                                                <br>随时随地看</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="cai-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/f-icon05.png" alt="cai-icon05">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">蔬菜成熟后农场每周安排一次（菜园两次）采收
                                                <br>京东快递24小时为您带去极致新鲜</h5>
                                        </li>
                                    </ol>
                                    <div class="plants">点击种植</div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- 种菜视频 -->
                    <section id="shi">
                        <div id="bg-shi" class="lazyloaded">
                            <div class="shi-wrap">
                                <div class="row">

                                    <div class="col-lg-6 tables">
                                        <h3 class="scrt-to-right mb60 visible" style="text-align: center" data-scroll="">
                                            自己种 更放心
                                        </h3>
                                        <div>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <th>种类</th>
                                                        <th>品种</th>
                                                        <th>收获次数</th>
                                                        <th>全年产量</th>
                                                        <th>价格</th>
                                                    </tr>
                                                    <tr>
                                                        <td>菜地</td>
                                                        <td>10㎡</td>
                                                        <td>51次/年(一周一次、春节停配)</td>
                                                        <td>100斤+</td>
                                                        <td>2580元/年</td>
                                                    </tr>
                                                    <tr>
                                                        <td>畜牧</td>
                                                        <td>母鸡</td>
                                                        <td>200次/年(一周三次，春节停配)</td>
                                                        <td>500斤+</td>
                                                        <td>1000元/年</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                        <div class="monitor scrt-to-left visible" onclick="play()">查看监控</div>
                                    </div>

                                    <div class="col-lg-6" style="padding: 0;">
                                        <div class="shi-list-body scrt-to-left text-center visible video_container" data-scroll="">
                                            <video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay>
                                                <source src="{$list['webapp_live_url']}" type="application/x-mpegURL" />

                                            </video>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>

                    <section id="service">
                        <div id="bg-service" class="lazyloaded">
                            <div class="container">
                                <div class="row">
                                    <div class="col-xl-3 col-xs-12">
                                        <h3 class="service-title scrt-fade visible" data-scroll="">我们使用的农资</h3>

                                        <div class="mb20 scrt-fade visible" data-scroll="">
                                        </div>

                                        <div class="text-justify">
                                            <p class="scrt-fade visible" data-scroll="">
                                            </p>
                                        </div>
                                    </div>

                                    <div class="col-xl-9">
                                        <div class="row gutters-xs-5">
                                            <div class="col-6">
                                                <div class="service-list">
                                                    <div class="service-icon scrt-fade mb20 visible" data-scroll="">
                                                        <img src="../addons/kundian_farm/template/webapp/style/images/icon/yao4.png" alt="多利维生">
                                                    </div>
                                                    <h4 class="mb10 scrt-fade visible" data-scroll="">多利维生</h4>
                                                    <p class="fz-s scrt-fade visible" data-scroll="">病虫害防治使用来自捷克的生物制剂，高效、环保、纯生态，在欧洲被誉为“新世纪农业之光”。</p>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="service-list">
                                                    <div class="service-icon scrt-fade mb20 visible" data-scroll="">
                                                        <img src="../addons/kundian_farm/template/webapp/style/images/icon/yao2.png" alt="有机菌肥">
                                                    </div>
                                                    <h4 class="mb10 scrt-fade visible" data-scroll="">有机菌肥</h4>
                                                    <p class="fz-s scrt-fade visible" data-scroll="">由动物粪便和植物秸秆添加微生物菌剂混合制作而成，相比一般有机肥可改善土壤板结、提高土壤有机质含量、抑制土壤病害传播。</p>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="service-list">
                                                    <div class="service-icon scrt-fade mb20 visible" data-scroll="">
                                                        <img src="../addons/kundian_farm/template/webapp/style/images/icon/yao3.png" alt="KLASMANN泥炭">
                                                    </div>
                                                    <h4 class="mb10 scrt-fade visible" data-scroll="">KLASMANN泥炭</h4>
                                                    <p class="fz-s scrt-fade visible" data-scroll="">天然泥炭苔有机质含量丰富；不含杂草、病虫害、细菌
                                                        <br>德国进口，已获得R.H.P、ISO、KAL等认证。</p>
                                                </div>
                                            </div>
                                            <div class="col-6">
                                                <div class="service-list">
                                                    <div class="service-icon scrt-fade mb20 visible" data-scroll="">
                                                        <img src="../addons/kundian_farm/template/webapp/style/images/icon/yao1.png" alt="种子取自全球">
                                                    </div>
                                                    <h4 class="mb10 scrt-fade visible" data-scroll="">种子取自全球</h4>
                                                    <p class="fz-s scrt-fade visible" data-scroll="">精选非转基因、原产地优良种子，韩国紫生菜、天津沙窝萝卜...</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </section>
                    <!-- 我要养鸡 -->
                    <section id="flow">
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="content-inner">
                                    <div class="plant">
                                        <div>点</div>
                                        <div>击</div>
                                        <div>认</div>
                                        <div>养</div>
                                    </div>
                                    <h3 class="text-center flow-heading scrt-fade visible" data-scroll="">我要养鸡</h3>
                                    <ol class="flow-list">
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="flow-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/j-icon01.png" alt="flow-icon01">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">980元认养3只2个月大的鸡苗
                                                <br>小鸡长大后可领取360枚鸡蛋</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="flow-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/j-icon02.png" alt="flow-icon02">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">每个鸡场放入3000只鸡苗
                                                <br>农场集中喂养</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="flow-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/j-icon03.png" alt="flow-icon03">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">小鸡长到5个月大的时候开始生蛋</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="flow-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/j-icon04.png" alt="flow-icon04">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">农场每天统计当天生蛋数量
                                                <br>按照购买的组号顺序送蛋
                                                <br>每组每次30枚鸡蛋，次日送出</h5>
                                        </li>
                                        <li class="scrt-fade visible" data-scroll="">
                                            <span class="flow-icon scrt-fade visible" data-scroll="">
                                                <img src="../addons/kundian_farm/template/webapp/style/images/icon/j-icon05.png" alt="flow-icon05">
                                            </span>
                                            <h5 class="mb10 scrt-fade visible" data-scroll="">所有用户的鸡蛋全部送完后
                                                <br>农场将鸡宰杀洗净，送至您家</h5>
                                        </li>
                                    </ol>
                                    <div class="plants">点击认养</div>
                                </div>
                            </div>
                        </div>
                        <div id="flow-bg" class=" lazyloaded"></div>
                    </section>



                    <!--关于我们-->
                    <aside id="contact" class="is_home">
                        <div class="content-inner">
                            <div class="container">
                                <div class="row">
                                    <div class="col-lg-3 col-md-3 col-xs-12 text-center">
                                        <img src="../addons/kundian_farm/template/webapp/style/images/banner/about.png">
                                    </div>
                                    <div class="col-lg-9 col-md-9 col-xs-12">
                                        <div class="container pt20 pb20">
                                            <h2 class="concept-title text-center mb30 scrt-to-left visible" data-scroll="">关于我们</h2>
                                            <div class="mb30">
                                                <p class="scrt-fade visible" data-scroll="">
                                                    智慧农场小程序于2018年5月1日正式上线，是国内首款支持用户线上完成选地，种菜，养鸡，收蛋，监控，派送等一 体化服务的移动客户端，由重庆坤典科技有限公司设计，开发，运营。
                                                </p>
                                                <h4 class="mb20 les2 scrt-fade visible" data-scroll="">种菜介绍</h4>
                                                <p class="mb20 scrt-fade visible" data-scroll="">
                                                    农场提供50多种蔬菜，种子取自全球最好的品种，全部采用有机种植的方式，无农药，无化肥，无激素，无保鲜剂， 从源头上解决食品安全问题。农场为每块菜地，菜园都安装了视频监控，种植过程完全透明化，用户通过微信小程序 即可随时随地的查看蔬菜生长情况。为保证蔬菜的新鲜，农场收菜后极速送达，真正实现了从田间直接到餐桌。
                                                </p>
                                                <h4 class="mb20 les2 scrt-fade visible" data-scroll="">畜牧介绍</h4>
                                                <p class="mb20 scrt-fade visible" data-scroll="">
                                                    智慧农场推出畜牧领养，领养鸡鸭，猪牛羊等。认养鸡苗。喂养14个月左右，领取360枚鸡蛋，按购买组号顺序分12 次派送，每次30枚，送蛋结束后，农场将母鸡宰杀派送到家。
                                                </p>
                                                <h4 class="mb20 les2 scrt-fade visible" data-scroll="">愿景</h4>
                                                <p class="scrt-fade visible" data-scroll="">
                                                    &nbsp;致力于让人人吃上健康的食品，解决食品安全问题。 </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </aside>

                    <footer id="footer">
                        <div class="footer-body">
                            <div class="container">
                                <div class="row border-bottom">
                                    <div class="col-lg-1 col-md-2 col-sm-2 col-xs-12 text-center">
                                        <img src="{$list['webapp_logo_img']}" class="company_logo">
                                    </div>
                                    <div class="col-lg-11 col-md-10 col-sm-10 col-xs-12">
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pad0" class="info_copy">联系电话：{$list['webapp_phone']}</div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pad0" class="info_copy">QQ：{$list['webapp_qq']}</div>
                                        </div>
                                        <div class="row">
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pad0" class="info_copy">邮箱：{$list['webapp_email']}</div>
                                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12 pad0" class="info_copy">地址：{$list['webapp_address']}</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="row border-top">
                                    <div class="col-lg-8 col-md-12 col-sm-12">
                                        <div class="guide container">
                                            <ul class="row">
                                                <li class="col-lg-2 col-md-2 col-sm-4 col-xs-4"><a href="#concept">品牌</a></li>
                                                <li class="col-lg-2 col-md-2 col-sm-4 col-xs-4"><a href="#cai">租地种植</a></li>
                                                <li class="col-lg-2 col-md-2 col-sm-4 col-xs-4"><a href="#shi">监控视频</a></li>
                                                <li class="col-lg-2 col-md-2 col-sm-4 col-xs-4"><a href="#service">农场商城</a></li>
                                                <li class="col-lg-2 col-md-2 col-sm-4 col-xs-4"><a href="#flow">畜牧领养</a></li>
                                                <li class="col-lg-2 col-md-2 col-sm-4 col-xs-4"><a href="#contact">关于我们</a></li>
                                            </ul>
                                            <div class="row">
                                                <div class="col-lg-6 col-md-6 col-sm-6 text-center flex">版权所有：©{$list['webapp_version']}</div>
                                                <div class="col-lg-6 col-md-6 col-sm-6 text-center flex"><img src="../addons/kundian_farm/template/webapp/style/images/icon/ga.png" class="ga_icon"/>版权所有：©{$list['webapp_version']}</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- <div class="col-lg-2 col-md-0 flex">官方微信二维码>></div> -->
                                    <div class="col-lg-4 col-md-12 col-sm-12 text-center pt10">
                                        <img src="{$list['webapp_kefu_img']}" class="company" style="margin-right: 20px"/>
                                        <img src="{$list['webapp_miniapp_img']}" class="company"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </footer>


            </div>

            <!-- 回到顶部 -->
            <a href="#page" id="pagetop" class="headroom headroom--not-bottom headroom--pinned headroom--top">
                <i class="icon-arrow-up"></i>
            </a>

            <div id="overlay"></div>

            <div id="hamburger" class="headroom headroom--not-bottom headroom--pinned headroom--top">
                <i class="icon-bar"></i>
                <i class="icon-bar"></i>
                <i class="icon-bar"></i>
            </div>

            <nav id="drawer">
                <ul>
                    <li>
                        <a href="#concept">
                            <span>品牌</span>
                        </a>
                    </li>
                    <li>
                        <a href="#cai">
                            <span>租地种植</span>
                        </a>
                    </li>
                    <li>
                        <a href="#shi">
                            <span>监控视频</span>
                        </a>
                    </li>
                    <li>
                        <a href="#service">
                            <span>农场商城</span>
                        </a>
                    </li>
                    <li>
                        <a href="#flow">
                            <span>畜牧领养</span>
                        </a>
                    </li>
                    <li>
                        <a href="#contact">
                            <span>关于我们</span>
                        </a>
                    </li>
                </ul>
            </nav>

            <div class="md-modal md-effect-2" id="modal-2">
                <div class="md-content">
                  <h3>请打开微信，扫描下方的二维码</h3>
                  <div class="text-center">
                    <img src="{$list['webapp_miniapp_img']}" width="150px" height="146px"/>
                  </div>
                </div>
              </div>
              <div class="md-overlay"></div>
        </div>
    </div>
    <script src="../addons/kundian_farm/template/webapp/style/js/jquery.min.js"></script>
    <script src="../addons/kundian_farm/template/webapp/style/js/event.js"></script>
     <script src="../addons/kundian_farm/template/webapp/style/js/bundle.js" id="bundle" charset="utf-8" async=""></script>
</body>
<script>
    var player = new EZUIPlayer('myPlayer');
    player.on('error', function(){
        console.log('error');
    });
    player.on('play', function(){
        console.log('play');
    });
    player.on('pause', function(){
        console.log('pause');
    });
</script>
</html>